import React from 'react'
import { Tabbar } from 'react-vant'
import { NewspaperO, HomeO, BagO, UserO } from '@react-vant/icons'
import { NavLink } from 'react-router-dom'

const Index = () => {
    return (
        <div>
            <Tabbar>
                <Tabbar.Item icon={<HomeO />}>首页</Tabbar.Item>
                <Tabbar.Item icon={<NavLink to={'/store'}><BagO /></NavLink>}>健康商店</Tabbar.Item>

                <Tabbar.Item icon={<NavLink to={'/moments'}><NewspaperO /></NavLink>}>病友圈</Tabbar.Item>
                <Tabbar.Item icon={<NavLink to={'/user'}><UserO /></NavLink>}>我的</Tabbar.Item>
            </Tabbar>
        </div>
    )
}

export default Index;